// 导入base.less
@import url(base.less);
// 导入normalize.less
@import url(normalize.less);
// 导入common.less公共样式
@import url(commom.less);
// 声明基准值变量
// width: (10 / 37.5rem)
@baseSize: 37.5rem;
@gColor: #14916a;

.bannar {
  width: (375 / @baseSize);
  height: (170 / @baseSize);


}

main {
  .dyn {

    display: flex;
    flex-direction: column;
    padding: (28 / @baseSize) 0 0 0;
    background-color: #fff;

    .dyn-list {
      display: flex;
      flex-direction: column;

      li {
        display: flex;
        justify-content: space-between;
        padding: (10 / @baseSize) (15 / @baseSize) (10 / @baseSize) 0;
        border-bottom: (1 / @baseSize) solid #e5e5e5;

        .dyn-pic {

          display: inline-block;
          width: (98 / @baseSize);
          height: (63 / @baseSize);

          img {
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }

        .dyn-text {
          display: inline-block;
          display: flex;
          flex: 1;
          flex-direction: column;
          justify-content: space-between;
          margin-left: (13 / @baseSize);

          h4 {

            font-weight: normal;
            font-size: (14 / @baseSize);
            line-height: (20 / @baseSize);
            color: #333;
            //多行文本添加省略号
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
          }

          p {
            font-size: (10 / @baseSize);
            color: #999;
          }
        }
      }

    }

    .more {
      display: flex;
      justify-content: space-between;
      margin: (20 / @baseSize) 0;

      a {
        display: inline-block;
        font-size: 14px;
        padding: (9 / @baseSize) (25 / @baseSize) (8 / @baseSize) (19 / @baseSize);
        background-color: @gColor;
        color: #fff;
        border-top-left-radius: (15 / @baseSize);
        border-bottom-right-radius: (15 / @baseSize);
      }
    }
  }
}